<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/activeIndex.css?v=1.1.1.3">

<section id="active">
    <div class="activeBanner" style="">
        <div class="discountCover">
            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/active/Free.png" class="free">
            <div class="discountTitle">
                <p class="titleName">预约免费参加申友雅思周直播体验课</p>
                <div class="browse">
                    <p><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/46@2x.png"
                            alt=""><span><?php $count = app\modules\cn\models\ResourcesPhone::find()->asArray()->where('remark="优惠券"')->count();
                            echo 1054 + $count * 2 ?>人浏览</span></p>
                    <p><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/45@2x.png"
                            alt=""><span>  <?php echo 678 + $count ?>人参加</span></p>
                </div>
            </div>
            <div class="discountInfoCover">
                <p>时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间：2023年1-12月每周三、每周五</p>
                <p>主&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;办：申友雅思</p>
                <p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点：申友雅思直播间</p>
                <p style="line-height: 24px">活动简介：雅思备考遇到很多问题？看视频课没有听懂？现在申友雅思助大家来冲分啦！每周开放2场公开课，每场直播解决你们心中的难题！
                    听说读写都给你安排上~不用花钱也能每周上的雅思课，叫上你的考鸭小伙伴一起来听课吧~添加微信小助手：thinkU077，立即预约参加。</p>
            </div>
            <div class="discountBtn">
                <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"
                   target="_blank" class="kownBtn">了解详情</a>
                <a href="javascript:void(0)" class="subBtn" @click="showCoupon">我要报名</a>
            </div>
        </div>
    </div>
    <div class="activeContent">
        <div class="levelTest">
            <p class="levelTitle">英语水平在线测试 3分钟测试你的英语水平</p>
            <p class="levelDes">英语词汇量 | 语法掌握度 | 阅读理解力</p>
            <!--            <a href="https://ielts.thinkwithu.com/ceshi.html" class="levelBtn"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/43@2x.png" alt=""></a>-->
            <a onclick="_czc.push(['_trackEvent','雅思活动','点击测试','英语水平在线测试 3分钟测试你的英语水平',''])" href="/404.html"
               class="levelBtn"><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/43@2x.png" alt=""></a>
        </div>
        <div class="infoContent">
            <!-- 左 -->
            <div class="infoContentLeft">
                <div class="infoModel">
                    <div class="infoTypeCover">
                        <a onclick="_czc.push(['_trackEvent','雅思活动','全部活动','',''])" href="javascript:void(0)"
                           :class="tab==0?'tabItem on':'tabItem'">全部活动</a>
                        <a onclick="_czc.push(['_trackEvent','雅思活动','进行中','',''])" href="javascript:void(0)"
                           :class="tab==1?'tabItem on':'tabItem'"><img
                                    src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/44@2x.png" alt="">进行中</a>
                        <a onclick="_czc.push(['_trackEvent','雅思活动','未开始','',''])" href="javascript:void(0)"
                           :class="tab==2?'tabItem on':'tabItem'">未开始</a>
                    </div>
                    <!-- 全部活动 -->
                    <div class="infoList" v-if="tab==0">
                        <?php foreach ($active as $k => $v) { ?>
                            <div class="infoListItem" onclick="_czc.push(['_trackEvent','雅思活动-全部活动','查看详情','',''])">
                                <a href="/active-detail/<?php echo $v['id'] ?>.html" class="listItemLeft">
                                    <img src="<?php echo $v['pic'] ?>" alt="">
                                </a>
                                <div class="listItemRight">
                                    <a href="/active-detail/<?php echo $v['id'] ?>.html"
                                       class="listItemTitle"><?php echo $v['name'] ?></a>
                                    <a href="/active-detail/<?php echo $v['id'] ?>.html"
                                       class="listItemContent"><?php echo $v['smallintro'] ?></a>
                                    <div class="listItemAuth">
                                        <div class="publish">
                                            时间：<?php echo $v['startTime'] ?><?php echo $v['endTime'] != false ? '-' . $v['endTime'] : '' ?></div>
                                    </div>
                                    <div class="listItemJoin">
                                        <p><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/46@2x.png"
                                                alt=""><span><?php echo $v['viewCount'] ?>人浏览</span></p>
                                        <p><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/45@2x.png"
                                                alt=""><span><?php echo $v['count'] ?>人参加</span></p>
                                        <a onclick="_czc.push(['_trackEvent','雅思活动-全部活动','了解详情','',''])"
                                           href="/active-detail/<?php echo $v['id'] ?>.html"
                                           class="ListkownBtn">了解详情</a>
                                        <a onclick="_czc.push(['_trackEvent','雅思活动-全部活动','我要报名','',''])"
                                           href="javascript:void(0)" class="ListsubBtn"
                                           @click="showArticle('<?php echo $v['name'] ?>','<?php echo $v['id'] ?>')">我要报名</a>
                                    </div>
                                </div>
                            </div>
                        <?php } ?>
                    </div>

                    <!-- 进行中 -->
                    <div class="infoList" v-if="tab==1">
                        <?php foreach ($ing as $k => $v) { ?>
                            <div class="infoListItem" onclick="_czc.push(['_trackEvent','雅思活动-进行中','查看详情','',''])">
                                <a href="/active-detail/<?php echo $v['id'] ?>.html" class="listItemLeft">
                                    <img src="<?php echo $v['pic'] ?>" alt="">
                                </a>
                                <div class="listItemRight">
                                    <a href="/active-detail/<?php echo $v['id'] ?>.html"
                                       class="listItemTitle"><?php echo $v['name'] ?></a>
                                    <a href="/active-detail/<?php echo $v['id'] ?>.html"
                                       class="listItemContent"><?php echo $v['smallintro'] ?></a>
                                    <div class="listItemAuth">
                                        <div class="publish">
                                            时间：<?php echo $v['startTime'] ?><?php echo $v['endTime'] != false ? '-' . $v['endTime'] : '' ?></div>
                                    </div>
                                    <div class="listItemJoin">
                                        <p><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/46@2x.png"
                                                alt=""><span><?php echo $v['viewCount'] ?>人浏览</span></p>
                                        <p><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/45@2x.png"
                                                alt=""><span><?php echo $v['count'] ?>人参加</span></p>
                                        <a onclick="_czc.push(['_trackEvent','雅思活动-进行中','了解详情','',''])"
                                           href="/active-detail/<?php echo $v['id'] ?>.html"
                                           class="ListkownBtn">了解详情</a>
                                        <a onclick="_czc.push(['_trackEvent','雅思活动-进行中','了解详情','',''])"
                                           href="javascript:void(0)" class="ListsubBtn"
                                           @click="showArticle('<?php echo $v['name'] ?>','<?php echo $v['id'] ?>')">我要报名</a>
                                    </div>
                                </div>
                            </div>
                        <?php } ?>
                    </div>

                    <!-- 未开始 -->
                    <div class="infoList" v-if="tab==2">
                        <?php foreach ($pre as $k => $v) { ?>
                            <div class="infoListItem" onclick="_czc.push(['_trackEvent','雅思活动-未开始','查看详情','',''])">
                                <a href="/active-detail/<?php echo $v['id'] ?>.html" class="listItemLeft">
                                    <img src="<?php echo $v['pic'] ?>" alt="">
                                </a>
                                <div class="listItemRight">
                                    <a href="/active-detail/<?php echo $v['id'] ?>.html"
                                       class="listItemTitle"><?php echo $v['name'] ?></a>
                                    <a href="/active-detail/<?php echo $v['id'] ?>.html"
                                       class="listItemContent"><?php echo $v['smallintro'] ?></a>
                                    <div class="listItemAuth">
                                        <div class="publish">
                                            时间：<?php echo $v['startTime'] ?><?php echo $v['endTime'] != false ? '-' . $v['endTime'] : '' ?></div>
                                    </div>
                                    <div class="listItemJoin">
                                        <p><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/46@2x.png"
                                                alt=""><span><?php echo $v['viewCount'] ?>人浏览</span></p>
                                        <p><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/45@2x.png"
                                                alt=""><span><?php echo $v['count'] ?>人参加</span></p>
                                        <a onclick="_czc.push(['_trackEvent','雅思活动-未开始','了解详情','',''])"
                                           href="/active-detail/<?php echo $v['id'] ?>.html"
                                           class="ListkownBtn">了解详情</a>
                                        <a onclick="_czc.push(['_trackEvent','雅思活动-未开始','了解详情','',''])"
                                           href="javascript:void(0)" class="ListsubBtn"
                                           @click="showArticle('<?php echo $v['name'] ?>','<?php echo $v['id'] ?>')">我要报名</a>
                                    </div>
                                </div>
                            </div>
                        <?php } ?>
                    </div>
                    <div class="fenPage" v-if="tab==0">
                        <ul>
                            <?php
                            foreach ($pageArray as $k => $v) { ?>
                                <li class="iPage <?php echo $v == $page ? 'on' : '' ?>"><?php echo $v ?></li>
                            <?php } ?>
                            <?php if (count($pageArray) > 1) { ?>
                                <li class="nextPage">下一页</li>
                                <div class="toPage">
                                    <span>前往</span>
                                    <input type="text" class="pageNumInput" @blur="toPageNum" v-model="pageNum">
                                    <span>页</span>
                                </div>
                            <?php } ?>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 右 -->
            <div class="infoContentRight">
                <!-- 活动流程 -->
                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>活动流程</p>
                    </div>
                    <div class="process">
                        <div class="processItem">
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/51@2x.png" alt=""
                                 class="processIcon">
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/54@2x.png" alt=""
                                 class="processNum">
                            <p>在线预约</p>
                        </div>
                        <div class="processItem">
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/49@2x.png" alt=""
                                 class="processIcon">
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/52@2x.png" alt=""
                                 class="processNum">
                            <p>客服确认</p>
                        </div>
                        <div class="processItem">
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/50@2x.png" alt=""
                                 class="processIcon">
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/53@2x.png" alt=""
                                 class="processNum">
                            <p>参与活动</p>
                        </div>
                    </div>
                </div>
                <a href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"
                   target="_blank" class="processZx">立即咨询</a>
                <!-- 官方公众号 -->
                <div class="official">
                    <div class="wechatOfficial">
                        <div class="wechatItem">
                            <p>官方公众号</p>
                            <p>【申友雅思与英联邦留学】</p>
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/56@2x.png" alt="">
                        </div>
                        <div class="wechatItem">
                            <p>官方微信</p>
                            <p>【thinkU077】</p>
                            <!-- <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/55@2x.png" alt=""> -->
                            <!--                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/67.jpg" alt="">-->
                            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/index_slices/xuezhang.png"
                                 alt="">

                        </div>
                    </div>
                    <div class="wechatItemBtn">扫码领取免费资料福利/咨询更多课程</div>
                </div>
                <!-- 热门课程 -->
                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>申友雅思热门课程</p>
                        <a href="/mall.html">MORE <img
                                    src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/4@2x.png" alt=""></a>
                    </div>
                    <!--     渲染时 删掉  v-for="item in 2"-->
                    <?php foreach ($course as $k => $v) { ?>
                        <div class="hotCourseItem">
                            <p class="itemCourseTitle">
                                <img src="<?php echo $v['pic'] ?>" alt="">
                                <span><?php echo $v['name'] ?></span>
                            </p>
                            <p class="courseInfo">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/7@2x.png" alt="">
                                <?php echo $v['classTime'] ?></p>
                            <p class="courseInfo">
                                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/6@2x.png" alt="">
                                <?php echo $v['duration'] ?>课时
                            </p>
                            <div class="courseBtn">
                                <a onclick="_czc.push(['_trackEvent','雅思热门课程','立即咨询','<?php echo $v['name'] ?>',''])"
                                   href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef"
                                   target="_blank" class="zxBtn">立即咨询</a>
                                <a onclick="_czc.push(['_trackEvent','雅思热门课程','查看详情','<?php echo $v['name'] ?>',''])"
                                   href="/course-detail/<?php echo $v['id'] ?>.html" class="detailBtn">查看详情</a>
                            </div>
                        </div>
                    <?php } ?>
                </div>
                <!-- 雅思指南 -->
                <div class="hotCourseCover">
                    <div class="rightTitle">
                        <p>雅思指南</p>
                    </div>
                    <div class="guideCover">
                        <a onclick="_czc.push(['_trackEvent','雅思活动-雅思指南','考试指南','',''])"
                           href="http://www.thinkuprep.com/guide.html">
                            <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/9@2x.png" alt=""></div>
                            <p>考试指南</p></a>
                        <a onclick="_czc.push(['_trackEvent','雅思活动-雅思指南','考试地点','',''])"
                           href="http://www.thinkuprep.com/ieltstestcenter.html">
                            <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/11@2x.png" alt=""></div>
                            <p>考试地点</p></a>
                        <a onclick="_czc.push(['_trackEvent','雅思活动-雅思指南','考试日历','',''])"
                           href="http://www.thinkuprep.com/calendar.html">
                            <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/13@2x.png" alt=""></div>
                            <p>考试日历</p></a>
                        <a onclick="_czc.push(['_trackEvent','雅思活动-雅思指南','校区查询','',''])"
                           href="http://www.thinkuprep.com/city.html">
                            <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/10@2x.png" alt=""></div>
                            <p>校区查询</p></a>
                        <a onclick="_czc.push(['_trackEvent','雅思活动-雅思指南','师资团队','',''])"
                           href="http://www.thinkuprep.com/teacher.html">
                            <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/16@2x.png" alt=""></div>
                            <p>师资团队</p></a>
                        <a onclick="_czc.push(['_trackEvent','雅思活动-雅思指南','热门活动','',''])"
                           href="http://www.thinkuprep.com/active.html">
                            <div><img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/15@2x.png" alt=""></div>
                            <p>热门活动</p></a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 优惠券弹窗 -->
    <div class="couponProp" v-if="coupon" v-cloak>
        <!-- 优惠券填写 -->
        <div class="couponContent" v-if="!couponSuccess">
            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/59@2x.png" alt="" class="closeCoupon"
                 @click="showCoupon">
            <p class="couponTitle">申友雅思课程专属优惠券</p>
            <div class="couponCenter">
                <div class="couponCenterLeft">
                    <div class="couponPrice">
                        <p>¥</p>
                        <p>200</p>
                        <div class="wordsCoupon">
                            <p>YUAN</p>
                            <p>优惠券</p>
                        </div>
                    </div>
                    <p class="canuse">雅思课程可用</p>
                </div>
                <div class="couponCenterRight">
                    <p class="couponRightTitle">填写手机号即可领取</p>
                    <input type="text" placeholder="请输入手机号" v-model="phone" class="phoneNum">
                    <div class="couponCode">
                        <div class="phoneCodeCover">
                            <input type="text" v-model="code" class="phoneCode" placeholder="验证码">
                            <a href="javascript:void(0)" class="codeBtn" @click="getCode">{{text}}</a>
                        </div>
                    </div>
                </div>
            </div>
            <a href="javascript:void(0)" class="getNow" @click="submitSure">立即领取</a>
        </div>
        <!-- 优惠券领取成功 -->
        <div class="couponContent" v-if="couponSuccess">
            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/59@2x.png" alt="" class="closeCoupon"
                 @click="showCoupon">
            <p class="couponTitle">优惠券领取成功</p>
            <div class="couponCenter">
                <div class="couponCenterLeft">
                    <div class="couponPrice">
                        <p>¥</p>
                        <p>200</p>
                        <div class="wordsCoupon">
                            <p>YUAN</p>
                            <p>优惠券</p>
                        </div>
                    </div>
                    <p class="canuse">雅思课程可用</p>
                </div>
            </div>
            <p class="canLook">快去联系在线客服使用吧!</p>
        </div>
    </div>
    <!-- 文章我要报名 -->
    <div class="articleCommit" v-if="article" v-cloak>
        <div class="commitCenter" v-if="!articleSuccess">
            <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/66.png" alt="" class="closeArticle"
                 @click="article = false">
            <div class="commitInput">
                <input type="text" placeholder="请输入手机号" v-model="articlePhone" class="phoneNum">
                <div class="couponCode">
                    <div class="phoneCodeCover">
                        <input type="text" v-model="articlePhoneCode" class="phoneCode" placeholder="验证码">
                        <a href="javascript:void(0)" class="codeBtn" @click="getArtilceCode">{{textArticle}}</a>
                    </div>
                </div>
            </div>
            <div class="articleBtn">
                <a :href="'/active-detail/'+articleId+'.html'" class="articleDetail">活动详情</a>
                <a href="javascript:void(0)" @click="registComplete" class="registBtn">完成报名</a>
            </div>
        </div>
        <div class="commitCenter" v-if="articleSuccess"
             style="background: url('https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/63@2x.png') no-repeat; background-size: contain;">
            <div class="commitInput commitWords">
                完成报名后，1个工作日内，会有老师与您联系 <br> 并确认个人信息与报名的活动信息。
            </div>
            <div class="articleBtn">
                <a href="javascript:void (0)" class="articleDetail" style="color: rgba(121, 95, 194, 1);"
                   @click="article = false">好的</a>
            </div>
        </div>
    </div>

</section>

<script src="https://file.viplgw.cn/ui/thinku-ielts-new/js/activeIndex.js?v=1.1"></script>
<script>
    $('.fenPage .iPage').click(function () {
        var page = $(this).html();
        window.location.href = '/active.html?page=' + page;
    });
    $('.nextPage').click(function () {
        var page = parseInt($('.fenPage .iPage.on').html()) + 1;
        if ($('.fenPage .iPage.on').next().html() != '下一页') {
            window.location.href = '/active.html?page=' + page;
        }
    })
    var href = window.location.href;
    if (href.indexOf('#main') > -1) {
        var height = Number($('.infoContent').offset().top - 120);
        window.scrollTo(0, height)
    }
</script>
